//@import "base.less";

@nav_bg: #464646;



.info_nav{
    height: 50px;
    max-height: 50px; 
    background: @nav_bg; 
    display: flex;
    flex-wrap: nowrap;
    .hui-icons-menu{
        width: 15%; 
        color: #fff; 
        font-size: 1.4rem; 
        text-align: center; 
        line-height: 50px; 
        padding-right: 0px;
    }
    .base_name{
        color: #fff; 
        display: inline-block; 
        width: 70%; 
        text-align: center; 
        line-height: 50px;
    }
    .user_head{
        width: 15%; 
        display: inline-block; 
        width: 39px; 
        height: 39px; 
        background: #0076FF; 
        border-radius: 50%; 
        line-height: 50px; 
        margin: 5px auto 0;
        img{
            width: 100%; 
            height: auto;
        }
    }
}


.base_index{
    height: 64.7vh; 
    width: 100%; 
    background: url(../img/bg.png) no-repeat; 
    background-size: 100% 100%;
    .load_container{
        width: 100%; 
        background: rgba(0,0,0,0); 
        margin: 0 auto; 
        display: flex;
        justify-content: center;
        align-items: center; 
        margin: 0 auto;
    }
    .base_index_container{
        height: 90%; 
        overflow-y: scroll;
        .base_index_list{
            display: flex; 
            flex-wrap: wrap;
            li{
                width: 45%; 
                height: 80px; 
                background: #fff; 
                border-radius: 5px; 
                margin:15px 0 0 3.3%; 
                display: flex; 
                flex-wrap: wrap;
                .base_index_name{
                    width: 60%;
                    height: 100%; 
                    text-align: center;
                    .name{
                        line-height: 40px; 
                        color: #606060;
                    }
                    .unit{
                        font-size: 1rem; 
                        line-height: 36px; 
                        color: #255ca9;
                    }
                }
                .base_index_icon{
                    width: 40%; 
                    height: 100%;
                    img{
                        width: auto; 
                        height: 70%; 
                        margin-top:15px;
                    }
                }
            }
            li:last-child{
                width: 100%; 
                height: 5px; 
                background: rgba(0,0,0,0);
            }
        }
    }
}